// 课前预习模块
import React from 'react'
import '../css/fivestep.less';
import http from '../../../utils/http';
// import { Link } from 'react-router-dom';
import moment from 'moment';

class NotAtThe extends React.Component {
  // 初始化加载钩子
  componentDidMount( ) {
  }
  enterClass= () => {
    http
        .get('course/enter')
        .then(data => {
         
        }, err => {
    })
  }

  render () {
    return (
      <div className="delposition">
        <div className="fivestep">
            <div className="novicetsakbg havephone">
              <p  className= {this.props.status18==="T"?"testbiaoqian":(this.props.status18==="R"?"priviewbiaoqian":"normalbiaoqian")+" coursesSort  teacherpho "} >
                {this.props.status18==="T"?"体验课":(this.props.status18==="R"?"复习课":this.props.status.classinfo.courseTabVo.tabName)}
              </p>
            </div>
            <p className="pretime">
                未开始
          </p>
          <p className="classBegin">{moment(Number(this.props.status.classinfo.courseTabVo.beginTime)).format('MM[月]DD[日] HH:mm')}开始</p>
          <div className="midlehr"></div>
          <ul >
            <li className="lesson">{this.props.status.classinfo.courseTabVo.className}</li>
            <li className="reader">{this.props.status.classinfo.courseTabVo.englishName}</li>
            <li className="translate">{this.props.status.classinfo.courseTabVo.chineseName}</li>
          </ul>
          {/* <Link  to={'game'}>
            <button type="button" className={(this.props.status18==="T"?"Experiencebutton":(this.props.status18==="R"?"reviewbutton":"Regularclassbutton"))+"  btn btn-primary notbeging"}>课前预习</button>
          </Link> */}
        </div>
      </div>
    )
  }
}
export default NotAtThe